<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>深圳市德群快婕电子有限公司 - 销售合同</title>
  <style>
    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
      font-family: "SimSun", "宋体", serif;
    }
    body {
      padding: 20px;
      background-color: #f5f5f5;
      color: #000;
      font-size: 12px;
      line-height: 1.4;
    }
    .contract-container {
      max-width: 1000px;
      margin: 0 auto;
      background: white;
      padding: 20px;
      box-shadow: 0 0 10px rgba(0,0,0,0.1);
    }
    .company-header {
      text-align: center;
      margin-bottom: 20px;
      padding-bottom: 15px;
      border-bottom: 2px solid #000;
    }
    .company-title {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 15px;
      margin-bottom: 15px;
    }
    .company-header h1 {
      font-size: 22px;
      font-weight: bold;
      margin: 0;
      letter-spacing: 4px;
    }
    .company-header h2 {
      font-size: 18px;
      font-weight: bold;
      margin: 0;
    }
    .info-table {
      width: 100%;
      border-collapse: collapse;
      margin-bottom: 15px;
    }
    .info-table td {
      padding: 4px 8px;
      vertical-align: top;
      border: 1px solid #000;
    }
    .info-table .separator-row td {
      border-top: 3px solid #000;
    }
    .order-table {
      width: 100%;
      border-collapse: collapse;
      margin: 15px 0;
      font-size: 11px;
    }
    .order-table th, .order-table td {
      border: 1px solid #000;
      padding: 4px 3px;
      text-align: center;
      vertical-align: middle;
    }
    .order-table th {
      font-weight: bold;
      background-color: #f0f0f0;
      border-top: none;
    }
    .main-table th {
      height: 60px;
    }
    .sub-table th {
      height: 30px;
    }
    .amount-section {
      margin: 15px 0;
      padding: 10px;
      text-align: right;
      border: 1px solid #000;
    }
    .terms-section {
      margin: 20px 0;
    }
    .terms-section h3 {
      font-size: 14px;
      margin: 10px 0 5px;
    }
    .terms-section p {
      margin: 3px 0;
      text-indent: 2em;
      line-height: 1.6;
    }
    .signature-section {
      margin-top: 40px;
    }
    .signature-table {
      width: 100%;
      border-collapse: collapse;
      margin-top: 20px;
    }
    .signature-table td {
      padding: 10px 5px;
      vertical-align: top;
      border: none;
    }
    .signature-table .signature-box {
      height: 80px;
      border-bottom: 1px solid #000;
    }
    .text-center {
      text-align: center;
    }
    .text-right {
      text-align: right;
    }
    .text-bold {
      font-weight: bold;
    }
    .page-break {
      page-break-after: always;
    }
    .checkbox {
      display: inline-block;
      width: 12px;
      height: 12px;
      border: 1px solid #000;
      margin: 0 2px;
      vertical-align: middle;
    }
    .checked {
      background-color: #000;
    }

    /* 新增的图片样式 */
    .stamp-container {
      position: relative;
      height: 100%;
      width: 100%;
    }

    .stamp-image {
      position: absolute;
      left: 30%;
      transform: translate(-50%, -50%);
      max-width: 120px;
      max-height: 120px;
      z-index: 20;
    }

    /* 新增的logo样式 */
    .company-logo {
      max-width: 60px;
      max-height: 40px;
      display: block;
    }
  </style>
</head>
<body>
<div class="contract-container">
  <div class="company-header">
    <div class="company-title">
      <img src="../img/logo.png" alt="公司Logo" class="company-logo">
      <h1>深圳市德群快婕电子有限公司</h1>
    </div>
    <h2>销售合同</h2>
  </div>

  <table class="info-table">
    <tr>
      <td width="15%">业务员：</td>
      <td width="35%">${业务员}</td>
      <td width="10%">电话：</td>
      <td width="40%">${业务员电话}</td>
    </tr>
    <tr>
      <td>邮箱：</td>
      <td>tailiang001@126.com</td>
      <td>联系地址：</td>
      <td>深圳市宝安区沙井街道和一社区蚝四西部工业区3栋1层</td>
    </tr>
    <tr class="separator-row">
      <td>客户名称：</td>
      <td>${客户名称}</td>
      <td>联系人：</td>
      <td>${客户名称}</td>
    </tr>
    <tr>
      <td>联系电话：</td>
      <td>${客户联系电话}</td>
      <td>联系地址：</td>
      <td>${客户联系地址}</td>
    </tr>
    <tr>
      <td>合同编号：</td>
      <td>${合同编号}</td>
      <td>订单日期：</td>
      <td>${创建时间}</td>
    </tr>
  </table>

  <table class="order-table">
    <thead>
    <tr class="main-table">
      <th rowspan="2">序号</th>
      <th rowspan="2">产品名称</th>
      <th colspan="13">成品工艺要求</th>
      <th rowspan="2">数量PCS</th>
      <th rowspan="2">单价</th>
      <th rowspan="2">板费</th>
      <th rowspan="2">工程费</th>
      <th rowspan="2">测试费</th>
      <th rowspan="2">其它</th>
      <th rowspan="2">合计金额</th>
      <th rowspan="2">交期</th>
      <th rowspan="2">备注</th>
    </tr>
    <tr class="sub-table">
      <th>物料编码</th>
      <th>层数</th>
      <th>板材</th>
      <th>板厚</th>
      <th>内铜</th>
      <th>外铜</th>
      <th>交货尺寸</th>
      <th>拼板</th>
      <th>表面处理</th>
      <th>阻焊</th>
      <th>字符</th>
      <th>过孔工艺</th>
      <th>测试</th>
    </tr>
    </thead>
    <tbody>
    ${物料详情行}
    <tr>
      <td colspan="18" class="text-right">总金额(人民币/大写):</td>
      <td colspan="5">${合同金额大写}</td>
    </tr>
    <tr>
      <td colspan="18" class="text-right">¥${合同金额}</td>
      <td colspan="5"></td>
    </tr>
    </tbody>
  </table>

  <div class="terms-section">
    <p><strong>备注：${备注}</strong></p>
    <p>一、质量技术及验收标准：需方按<span class="checkbox checked"></span>IPC-A-600G II级。</p>
    <p>二、客供资料：包装要求：真空 交货要求：快递。</p>
    <p>三、付款方式：${付款方式}</p>
    <p>四、签约地点：深圳</p>
    <p>五、验收：需方须于收到货物后5日内进行验收，如在约定时间内需方未提出书面异议的，视为货物的质量、数量均合格。品质不良乙方仅承担有质板本身单价不超过三倍的赔偿责任，不承担其他连带责任。</p>
    <p>六、条款说明：</p>
    <p style="margin-left: 20px;">
      1、本合同双方单位签字盖章或委托代理人签字后即时生效，具有同等法律效力。<br>
      2、付款约定：需方应按约定时间付款，如途期未付则自逾期之日起每日按应支付总货款的3%支付违约金。<br>
      3、需方委托供方加工的线路板版权应当是需方合法持有的，如有優犯第三方产权的行为，全部责任由需方承担，与供方无关。<br>
      4、本合同所涉及的所有费用均以人民币计。<br>
      5、因本合同发生纠纷的双方先协商解决协商不成向供方所在地法院起诉，适用中华人民共和国法律。<br>
      6、需方须于收到本合同需在24小时内盖章回传，需方未在约定时间盖章回传，本合同无效。<br>
      7、此订单半年内未返单，测试架与模具甲方可以取回，否则我司自行报废处理，逾期不退，我司新开测试架保质期为一年，若一年后测试架没法修理，需客户重新开测试架。
    </p>
    <p>七、保密协议：卖方对买方的产品负有保密义务，未经权利人事先书面许可，卖方不得将对方的商业秘密以任何形式向任何第三方提供或披露，亦不接触另一方的商业秘密，除非依有关法律法规或政府、司法部门、法院、伸裁机构、证券交易所法行使职权时所要求或瓣行本合同的C 云而炉商业秘密的约定给买方带来损失的，须赔偿对方遭受的所有损失。</p>
  </div>

  <div class="signature-section">
    <table class="signature-table">
      <tr>
        <td width="50%">
          <p>甲&nbsp;&nbsp;&nbsp;&nbsp;方：${客户名称}</p>
          <p>单位地址：${甲方单位地址}</p>
          <p>代&nbsp;&nbsp;&nbsp;&nbsp;表：${客户名称}</p>
          <div class="signature-box"></div>
          <p>日&nbsp;&nbsp;&nbsp;&nbsp;期：${当前日期}</p>
        </td>
        <td width="50%">
          <p>乙&nbsp;&nbsp;&nbsp;&nbsp;方：深圳市德群快婕电子有限公司</p>
          <p>单位地址：深圳市宝安区沙井街道和一社区蚝四西部工业区3栋1层</p>
          <p>代&nbsp;&nbsp;&nbsp;&nbsp;表：</p>
          <!-- 修改的乙方签字区域，添加图片位置 -->
          <div class="signature-box">
            <div class="stamp-container">
              <!-- 盖章图片占位符 -->
              <div class="stamp-placeholder"></div>
              <!-- 实际图片位置 -->
              <img src="../img/gaizhang.png" alt="乙方盖章" class="stamp-image">
            </div>
          </div>
          <p>日&nbsp;&nbsp;&nbsp;&nbsp;期：${当前日期}</p>
        </td>
      </tr>
    </table>
  </div>
</div>
</body>
</html>